html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
body {
    background:url("../images/cback.png") no-repeat transparent;
    color: white;
    margin: 0px;
    min-height: 480px;
    font-family: Arial;
}
.title {
    height: 40px;
}
.titlelang {
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.title ul li{
 float: left; position: relative; list-style: none;
 line-height: 40px;
}
.fd {
    height: 40px;
}
.fd ul li{
 float: left;
 list-style: none;
 line-height: 40px;
}
.fd ul li a {
 font-size: 24px; font-weight: bold;color: #f7eead;  text-decoration: none;
 text-transform:  uppercase;
}
#selectlang {
    vertical-align: middle;
    margin-left:20%;
    margin-top: 25%;
}
#selectlang ul {
    width: 200px;
    -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0px 18px rgba(0,0,0,0.8); box-shadow: 0 0 18px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #C19E67;
}
#selectlang ul li{
 padding-left: 50px;
 list-style: none;
 line-height: 40px;
 border-bottom: 1px solid #C19E67;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,158,103,0.65)), color-stop(56%,rgba(193,158,103,0.65)), color-stop(100%,rgba(193,158,103,0)));
}
.fd .control {
    background:url("../images/nut2.png") center no-repeat transparent;
    font-size: 12px; color: #f1de09; text-decoration: none;
}
.fdd {
    color: #D4DDEA;
}
.title ul li.nut{
    background:url("../images/nut.png") center no-repeat transparent;
}
.title ul li a {
 font-size: 14px; font-weight: bold; color: black; text-decoration: none;
}
.arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #6a6a63; position: absolute; left: 10px; top: -15px; }
.arrow-cen { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #6a6a63; position: absolute; left: 50px; top: -15px; }
.title ul li .extended { position: absolute; top: 45px; left: 0; width: 140px; background: url("../images/dropdownback.png"); z-index: 1000; -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.8); box-shadow: 0 0 8px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid white; display: none; color: white; }

.title ul li .extended ul.smallNav { border-top: 1px solid rgba(141,141,141,0.50);  padding: 10px; }

.title ul li .extended ul.smallNav li { text-align: left; width: 140px; padding: 0; line-height: 22px; font-weight: bold; background: url("../images/linkback.png") no-repeat; }

.title ul li .extended ul.smallNav li a { color: #c7c7c7; text-shadow: none; }
.title ul li .extended ul.smallNav li input { width: 120px;}

.title ul li .extended ul.smallNav li a:hover { color: white; }

.title ul li .extended ul.smallNav li:first-child { margin: 0; }

.title ul li .extended ul.smallNav li:last-child { margin-bottom: 10px; }
#slideshow {
	width:320px;
	height:400px;
	position:relative;
}
#slideshow #slidesContainer {
  width:320px;
  height:400px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  width:320px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:400px;
}
#slideshow #slidesContainer .slide table{
  width:200px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height: 80px;
}
#slideshow #slidesContainer .slide .foodimg{
   width:80px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
   height: 84px;
   float: left;
   margin-left: 10px;
}

#slideshow #slidesContainer .slide .foodimg img {
   width:80px;
   height: 84px;
}
#slideshow #slidesContainer .slide .foodinfo{
  width:200px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
   height: 80px;
   float: left;
   margin-left: 5px;
   margin-bottom: 20px;
   margin-top: -5px;
}

#slideshow #slidesContainer .slide .foodinfo td input[type=button]{
     height: 24px;
    width: 50px;
    color: white;
    font-weight: bold;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0 none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1)));
}
#slideshow #slidesContainer .slide .foodinfo td input[type=text]{
    height: 24px;
    width: 50px;
    border: 0 none;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: white;
    margin-left: 10px;
    background:url("../images/minus.png") center no-repeat transparent;
    
}
#slideshow #slidesContainer .slide .foodinfo td label{
    height: 20px;
    padding: 5px 30px 5px 20px;
    width: 50px;
    border: 0 none;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: white;
    margin-left: 10px;
    background:url("../images/minus.png") center no-repeat transparent;
}
#slideshow #slidesContainer .slide .foodinfo tr td p{
    width: 200px;
}
#slideshow #slidesContainer .slide .foodinfo td img{
    margin-bottom: -8px;
}
#navi {
    margin-top: 15px;
    height: 50px;
}
#navi input{
    border: solid 1px white;
    padding: 7px;
    width: 60%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(38%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
    -webkit-border-radius: 5px 0px 0px 5px;
    color: white;
}
#fclogin {
    width:200px;
    height: 340px;
    color:white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,0,0,1)), color-stop(85%,rgba(181,49,28,1)), color-stop(100%,rgba(5,0,0,1)));
    display:none;
}
#fclogin #formlg  {
    margin-top: 55px;
}
#fclogin ul  {
    margin-top: 45px;
}
#fclogin ul li {
    list-style: none;
}
#fclogin input[type=text], input[type=password] {
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 0 none;
    text-align: center;
    width: 175px;
    padding: 5px;
    margin: 5px 0px 5px 7px;
}
#fclogin input[type=button] {
    width: 180px;
    margin: 5px 0px 5px 7px;
    padding: 5px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 0 none;
    color: #4f85bb;
    background: white;
    text-align: center;
}
#capnhattk {
    width:200px;
    height: 340px;
    color:white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,0,0,1)), color-stop(85%,rgba(181,49,28,1)), color-stop(100%,rgba(5,0,0,1)));
    display:none;
}
#capnhattk input[type=button] {
    width: 80px;
    margin: 5px 0px 5px 7px;
    padding: 5px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 0 none;
    color: #4f85bb;
    background: white;
    text-align: center;
}
#navi .search {
    border: solid 1px white;
    padding: 7px;
    width: 20%;
    background: url("../images/search1.png") center no-repeat white;
    -webkit-border-radius: 0px 5px 5px 0px;
}
#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:200px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}
#guide { width:250px; color:#bbb; display:none;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,27,27,1)), color-stop(47%,rgba(224,4,30,1)), color-stop(100%,rgba(27,27,27,1)));}
.tablemodal {
    width:250px; color:#bbb;
    display:none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    border: 4px solid gray;
    -webkit-border-radius: 5px 5px 5px 5px;
}
#phieu {
    width:320px;
    height: 544px;
    color:white;
    display:none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,0,0,1)), color-stop(85%,rgba(181,49,28,1)), color-stop(100%,rgba(5,0,0,1)));
}
#zoom {
    width:280px;
    height: 330px;
    color:white;
    display:none;
    border: 4px solid #FFA309;
    -webkit-border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,0,0,1)), color-stop(85%,rgba(181,49,28,1)), color-stop(100%,rgba(5,0,0,1)));
}
#zoom img {
    width: 280px;
    height: 280px;
}
#zoom p {
    color: #f7eead;
    margin-top: 3px;
}
#zoom input {
    border: 2px #B50021 solid;
    margin: 3px 0px 3px 100px;
    -webkit-border-radius: 4px 4px 4px 4px;
    color: white;
    font-size: 13px;
    padding: 2px 20px 2px 20px;
    background: #DB0024;
}
.msg {
    width:20px;
    height: 44px;
    color:white;
    display:none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,0,0,1)), color-stop(85%,rgba(181,49,28,1)), color-stop(100%,rgba(5,0,0,1)));
}
#phieu .cartitem {
    border-bottom: 2px solid white;
}
#phieu .cartitem label{
    -webkit-border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding: 3px 4px 4px 4px;
    position: absolute; font-size: 10px;
    max-width: 85px;
    text-align: center;
}
#phieu .cartitem label.tt1 {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(13%,rgba(232,108,87,1)), color-stop(36%,rgba(247,33,4,1)), color-stop(75%,rgba(249,8,0,1)), color-stop(100%,rgba(173,11,0,1)));
}
#phieu .cartitem label.tt2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,177,1)), color-stop(27%,rgba(241,116,50,1)), color-stop(51%,rgba(234,85,7,1)), color-stop(78%,rgba(241,116,50,1)), color-stop(100%,rgba(251,149,94,1)));
}
#phieu .cartitem label.tt3 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(99,249,24,1)), color-stop(47%,rgba(35,209,35,1)), color-stop(82%,rgba(99,249,24,1)), color-stop(100%,rgba(35,209,35,1)));
}
#phieu .cartitem label.tt4 {
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
}
#phieu .cartitem input[type=text]{
    border: 0 none;
    background: transparent;
    width: 10px;
    font-size: 17px;
    color: yellow;
    font-weight: bold;
}
#phieu .cartitem input[type=button]{
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0 none;
    width: 40px;
    font-weight: bold;
    color: red;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,251,126,1)), color-stop(99%,rgba(255,156,0,1)));
}
#tab {
    height: 24px;
    line-height: 24px;
    border-bottom: 2px solid #FFA309;
}
#soban {
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    color: #f7eead;
    
}
#phieu ul li {
    list-style: none;
    text-align: center;
    width: 145px;
    float: left;
    color: #B07400;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,251,126,1)), color-stop(99%,rgba(255,156,0,1)));
}
#phieu ul li.left {
    -webkit-border-radius: 25px 25px 0px 0px;
    margin-right: 5px;
    margin-left: 5px;
}
#phieu ul li.right {
    margin-left: 5px;
    -webkit-border-radius: 25px 25px 0px 0px;
}
#phieu p {
    text-align: center;
    width: 155px;
    height: 25px;
    line-height: 25px;
    margin-left: 15px;
    -webkit-border-radius: 25px 25px 0px 0px;
    font-weight: bold;
    color: #B07400;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,251,126,1)), color-stop(99%,rgba(255,156,0,1)));
}
#cartbutton input {
    margin-top: 20px;
    margin-left: 20px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0 none;
    padding: 5px;
    font-weight: bold;
    color: #B07400;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,251,126,1)), color-stop(99%,rgba(255,156,0,1)));
}
#ghichu {
    width:320px;
    height: 440px;
    color:white;
    display:none;
    -webkit-border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
}
#ghichu p {
    width: 100%;
    margin: 10px 0px 10px 20px;
}
#ghichu ul, textarea {
    margin-left: 50px;
    padding: 6px 8px;
    border: 1px solid #ccc;
    text-shadow: 0 1px 0px #fff;
    -webkit-border-radius: 6px;
    background-color: #fff;
}
#ghichu table {
    margin-left: 40px;
}
#ghichu tr td input[type=checkbox] {
    margin-bottom: -1px;
    padding: 10px;
    width: 20px;
    height: 20px;
    background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;	
    float: left;margin-right: 20px;
    background-image: url(../images/radio.png);
}
#ghichu tr td input[type=checkbox]:checked {
    background-image: url(../images/radio-checked.png);
}
#ghichu input[type=button] {
    margin: 20px 0px 50px 60px;
    padding: 5px 10px 5px 10px;
    color: #B07400;
    font-weight: bold;
    border: 0 none;
    -webkit-border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,251,126,1)), color-stop(99%,rgba(255,156,0,1)));
}
.tabtitle {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(33%,rgba(14,14,14,1)));
}
.tabtitlered {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #f7eead;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,0,11,1)), color-stop(100%,rgba(219,0,36,1)));
    
}
.tabtitleredrev {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #f7eead;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db0024), color-stop(100%,#2d000b));
}
.tabtitleredrev input{
    border: 2px #B50021 solid;
    margin: 3px 2px 0px 0px;
    -webkit-border-radius: 4px 4px 4px 4px;
    color: white;
    font-size: 13px;
    padding: 2px 20px 2px 20px;
    background: #DB0024;

}
.tablemodal table tr td {
    text-align: center;
    line-height: 30px;
    width: 40px;
    color: black;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    border: 2px solid gray;
    -webkit-border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(153,153,153,1)), color-stop(100%,rgba(246,246,246,1))); 
}
.tablemodal table tr td:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1)));
}
.tabkey input{
    background: transparent;
    border: 0 none;
    color: black;
    font-size: 17px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.movesplit{
    width: 50px;
    margin-left: 10px;
    background: black;
}
.tabfunc {
    padding-bottom: 20px;
}
.tabfunc input {
    width: 185px;
    padding: 5px;
    color: #4f85bb;
    border: 1px solid gray;
    font-size: 15px;
    background: white;
    margin-bottom: 5px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.tablenumber {
    margin-left: 30px;
    color: gray;
    padding-top: 10px;
}
#guide table tr td {
    width: 120px;
    height: 120px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: white;
}
#guide table tr td.ha {
    width: 110px;
    height: 120px;
}
#guide table tr td img {
    margin-bottom:  -80px;
    padding: 0;
}
a.modal-close {
     position:absolute; text-decoration:none; right:8px; top:0px;
     color: white;
}
.info {
    margin-left: 5px;
}
/* Overlay */
#simplemodal-overlay {background-color: #000}
#simplemodal-container {                        
}

